<script>
export default {
	globalData: {},
	onLaunch: function() {
		console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！');
		console.log('App Launch');
	},
	onShow: function(options) {
		console.log('进入小程序~~~~~~', options);
		console.log('App Show');
		if (options.scene == 1007 || options.scene == 1008) {
			// 单人聊天或者群聊进入
			this.$store.set('share', 1);
		} else {
			this.$store.remove('share');
		}
	},
	onHide: function() {
		console.log('App Hide');
	}
};
</script>

<style lang="scss">
@import '@/uni_modules/uview-ui/index.scss';
page {
	background-color: #f8f8f8;
}
view,
text,
input,
textarea {
	box-sizing: border-box;
	font-size: 28rpx;
}
.uni-navbar--fixed[data-v-6bda1a90] {
	z-index: 99 !important;
}

/*每个页面公共css */
.flex-row {
	display: flex;
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-col-center {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.flex-col {
	display: flex;
	flex-direction: column;
}
.flex-col-between {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.flex-row-center {
	display: flex;
	align-items: center;
}
.flex-row-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/* 状态栏高度 */
.status-bar {
	height: var(--status-bar-height);
	width: 100%;
}
/* 一行超出省略号 */
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* 两行超出省略号 */
.ellipsis-2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 吸顶 */
.sticky {
	/* #ifndef APP-PLUS */
	display: flex;
	position: -webkit-sticky;
	/* #endif */
	position: sticky;
	top: var(--window-top);
	z-index: 99;
}

// 定位居中
.absolute-center {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border: 0;
	margin: auto;
}

/* 大按钮 */
.default-btn {
	width: 639rpx;
	height: 88rpx;
	background: linear-gradient(180deg, #666666, #000000);
	border-radius: 88rpx;
	line-height: 88rpx;
	font-size: 28rpx;
	color: #fff !important;
}
.default-btn::after {
	border: none;
}

// 灰实线
.line {
	width: 100%;
	height: 1rpx;
	background: rgba($color: #868686, $alpha: 0.2);
}
#scrollContainer {
	z-index: 5 !important;
}
.no-more {
	width: 100%;
	text-align: center;
	color: #999;
	font-size: 26rpx;
	padding: 15rpx;
}
.blank-header {
	height: calc(var(--status-bar-height) + 88rpx);
}

.zp-empty-view-center {
	background-color: #fff;
}
/*覆盖文本编辑器里面的图片的大小*/
uni-rich-text img {
	max-width: 100% !important;
}
// 折叠面板样式
.uni-collapse-item__title-text {
	border-bottom: 1rpx solid #eeeeee;
}
// uni-scroll-view {
// 	width: initial !important;
// }
.uni-noticebar {
	margin-bottom: 0 !important;
}

/* 支付 */
.pay-view {
	background: #ffffff;
	box-shadow: 0px 21rpx 21rpx 0px rgba(4, 0, 0, 0.75);
	border-radius: 20rpx 20rpx 0px 0px;
	padding: 0 38rpx 42rpx;

	&-title {
		justify-content: space-between;
		height: 97rpx;

		text {
			font-size: 30rpx;
			color: #454545;
		}

		.img-close {
			width: 37rpx;
			height: 37rpx;
		}
	}

	.price-view {
		margin-top: 20rpx;
	}

	.pay-view-item {
		margin-bottom: 19rpx;
		.img-pay {
			width: 72rpx;
			height: 72rpx;
		}

		text {
			flex: 1;
			margin-left: 30rpx;
			font-size: 28rpx;
			color: #454545;
		}

		.img-select {
			width: 34rpx;
			height: 34rpx;
		}
	}
}
.scroll-x-view {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.share-btn {
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	line-height: initial !important;
	height: initial !important;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0 !important;
}
.share-btn::after {
	border: 0 !important;
}
.goods-sign-view {
	padding: 15rpx 20rpx 0;
	.goods-sign-item {
		font-size: 22rpx;
		border-radius: 5rpx;
		border-width: 1rpx;
		border-color: #fb4290;
		border-style: solid;
		margin-right: 10rpx;
		color: #fb4290;
		padding: 0 6rpx;
	}
	.sign-chaoshi {
		border-color: #f5b91c;
		color: #f5b91c;
	}
}
.share-btn {
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	line-height: initial !important;
	height: initial !important;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0 !important;
}
.share-btn::after {
	border: 0 !important;
}
</style>
